<template>
	<view class="container">
		<image src="../../static/images/applyFail.png" alt="" class="statusIcon">
		<image src="../../static/images/applyFail.png" alt="" class="statusIcon">
		<image src="../../static/images/applyFail.png" alt="" class="statusIcon">
		<view class="topTitle" style="display: flex;height: 160rpx;">
			<view class="avatar"></view>
			<view class="headerTitle">
				<text>张豆豆的岗位申请</text>
				<text>提交时间：2022/03/01 13:00</text>
			</view>
		</view>
		<view class="topTitle">
			<view class="listDetail">
				<text class="maintitle">岗位申请</text>
				<text class="subtitle">办事大厅助理</text>
			</view>
			<view class="listDetail">
				<text class="maintitle">部门单位</text>
				<text class="subtitle">教务处</text>
			</view>
			<view class="listDetail">
				<text class="maintitle">任职情况</text>
				<text class="subtitle">无</text>
			</view>
			<view class="listDetail">
				<text class="maintitle">岗位类型</text>
				<text class="subtitle">常规用工</text>
			</view>
		</view>

		<view class="topTitle">
			<text class="maintitle">岗位职责</text>
			<text class="subtitle">
				1、主要协助做好文件收发、会议通知、经费报销、家具设备、报刊整理、单干管理等办公室日常工作。
				2、有一定的计算机操作能力，熟练办公软件；
				3、为人热情开朗，态度积极；有茶饮品冲泡经验优先；
			</text>
		</view>
		<view class="topTitle">
			<text class="maintitle">岗位要求</text>
			<text class="subtitle">
				1、有一定的计算机操作能力，熟练办公软件；
				2、为人热情开朗，态度积极；有茶饮品冲泡经验优先；
			</text>
		</view>
		<view class="topTitle">
			<text class="maintitle">应聘要求</text>
			<text class="subtitle">
				周二上午、周三上午无课优先。
			</text>
		</view>
		<view class="topTitle">
			<view class="listDetail">
				<text class="maintitle">岗位调剂</text>
				<text class="subtitle">服从岗位调剂</text>
			</view>
			<view class="listDetail">
				<text class="maintitle">个人简历</text>
				<text class="subtitle">简历1</text>
			</view>
			<view class="listDetail">
				<text class="maintitle">空余时间</text>
				<text class="subtitle">周三上午班10:00-12:00；周三上午班
					10:00-12:00；周三上午班10:00-12:00</text>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	page {
		background: #FAFAFA;
	}

	.container {
		margin: 24rpx 32rpx;
		position: relative;
		.statusIcon{
			position: absolute;
			top: 94rpx;
			right: 32rpx;
			z-index: 1;
			width: 192rpx;
			height: 186rpx;
		}
		.topTitle {
			background: #FFFFFF;
			border-radius: 16rpx;
			padding: 32rpx;
			box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
			margin-bottom: 16rpx;

			.avatar {
				width: 96rpx;
				height: 96rpx;
				border-radius: 50%;
				border: 1px solid #999;
				flex-shrink: 0;
			}

			.headerTitle {
				margin-left: 16rpx;

				&>text:nth-child(1) {
					margin: 6rpx 0 8rpx 0;
					color: #1A201D;
					font-size: 32rpx;
					font-weight: 600;
				}

				&>text:nth-child(2) {
					color: #999999;
					font-weight: 400;
					font-size: 24rpx;
				}
			}

			.maintitle {
				margin-right: 32rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #8D9893;
				margin-bottom: 16rpx;
				line-height: 40rpx;
			}

			.subtitle {
				font-weight: 400;
				font-size: 28rpx;
				line-height: 44rpx;
				color: #1A201D;
			}

			.listDetail {
				display: flex;
			}
		}
	}
</style>
